<template>
    <div class="content d-flex d-ai-center d-jc-center">
        <div class="title">诶呀，你访问的页面不存在</div>
    </div>
</template>

<script setup></script>

<style scoped="scoped">
.content {
    text-align: center;
    height: 100%;
    background-image: url(../../assets/404.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.title {
    font-family: "微软雅黑";
    font-size: 28px;
    color: #888;
    position: relative;
    top: 100px;
}

.scroll::-webkit-scrollbar {
    display: none;
}
</style>